<template>
  <div class="search">
    <f-drawer :title="modalTitle" ref="materialsdetailDrawer" width="90%" @visibleChange="visibleChange" :showFooter="false">
      <materialsdetail-list ref="orderInfo" v-if="drawerVisible" :versionId="versionId"></materialsdetail-list>
    </f-drawer>
  </div>
</template>
<script>
  import materialsdetailList from './materialsdetail_list'

  export default {
    name: 'materialsdetailDrawer',
    props: {},
    data() {
      return {
        modalTitle: '',
        versionId: '',
        drawerVisible: false
      }
    },
    methods: {
      handleShow(data) {
        this.versionId = data.versionId
        this.$refs['materialsdetailDrawer'].show()
      },
      visibleChange(drawerVisible) {
        this.drawerVisible = drawerVisible
      }
    },
    created() {

    },
    components: { materialsdetailList }
  }
</script>
